﻿<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Java入门 | 后宫文档 </title>
    <link rel="shortcut icon" type="image/png" href="https://dbhg.top/images/logo.ico" >
    <link href="https://fonts.googleapis.com/css?family=Heebo:300,400,500,700" rel="stylesheet">
    <link rel="stylesheet" href="../css/main.css" />
    <script src="../js/main.js"></script>
</head>

<body>

	<nav class="uk-background-muted">
	    <div class="uk-container">
	        <div data-uk-navbar>
	            <div class="uk-navbar-left">
	                <a class="uk-navbar-item uk-logo uk-text-small" href="../index.html">后宫文档</a>
	            </div>
	            <div class="uk-navbar-right">
	
	                <ul class="uk-navbar-nav uk-visible@m">
	                    <li><a href="../index.html">网站首页</a></li>
	                    <li><a href="../faq.html">常见问题</a></li>
                        <li><a href="../tool.html">工具</a></li>
	                    <li><a href="../download.html">下载</a></li>
	                </ul>
	                <div class="uk-navbar-item uk-visible@m">
                        <a href="/join/" target="_blank" class="uk-button uk-button-primary">加入我们</a>
	                </div>
					<a class="uk-navbar-toggle uk-hidden@m" href="#offcanvas" data-uk-navbar-toggle-icon data-uk-toggle></a>
	            </div>
	        </div>
	    </div>
	</nav>

    <div class="uk-container">
    	<div class="uk-section uk-section-xsmall border-bottom">
    		<div data-uk-grid>
    			<div class="uk-width-2-3@m uk-flex uk-flex-middle">
    				<ul class="uk-breadcrumb">
    					<li><a href="../index.html">主页</a></li>
    					<li><span>Java入门</span></li>
    					
    				</ul>
    			</div>

    <section class="uk-section">
        <div class="uk-container">
            <div class="uk-grid-large" data-uk-grid>

                <div class="uk-width-auto@m">
                    <div class="boundary-align">
                        <div class="uk-visible@m uk-text-primary icon-category"><span data-uk-icon="icon: Java; ratio: 3"></span></div>

                        <div class="uk-hidden@m">
                            <div class="uk-button uk-button-large uk-button-default uk-width-1-1">目录</div>
                            <div data-uk-dropdown="mode: click; pos: bottom-justify; boundary: .boundary-align; boundary-align: true">
                                <ul class="uk-nav uk-dropdown-nav">
                                    <li class="uk-parent">
                                        <a href="">Java入门</a>
                                        <ul class="uk-nav-sub">
                                            <li class="uk-active"><a href="#Java-vsersion" data-uk-scroll="duration: 400; offset: 100">版本选择</a></li>
                                            <li><a href="#system-type" data-uk-scroll="duration: 400; offset: 100">查看系统位数</a></li>
                                            <li><a href="#Java-download" data-uk-scroll="duration: 400; offset: 100">下载链接</a></li>
                                      </ul>
                                 </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="uk-width-expand@m padding-right@m padding-large-right@l">

                    <h2 class="uk-article-title uk-margin-large-bottom">Java入门</h2>
                    <p class="uk-text-lead uk-margin-large-bottom">教你选择Java</p>

                    <article class="uk-article" id="Java-version" name="Java-vsersion">
                        <h2 class="uk-h3 uk-margin-bottom">版本选择</h2>
                        <div class="article-content">
                            <p>当前造图端使用的版本是<strong>1.7.10</strong>，所以Java版本选择<strong>Java8</strong>，别称<strong>Jre8</strong>。</p>
                        </div>
                    </article>

                    <article class="uk-article" id="system-type" name="system-type">
                        <h2 class="uk-h3 uk-margin-bottom">查看系统位数</h2>
                        <div class="article-content">
                            <p>如果你是Win7/8.1/10/11用户的话，直接进入计算机属性就能看到了。</p>
                            <p>鼠标右键计算机→点击属性，在系统类型里有显示。</p>
                            <p>如果实在找不到的话，建议使用官网的自动识别。</p>
                        </div>
                    </article>

                    <article class="uk-article" id="Java-download" name="Java-download">
                        <h2 class="uk-h3 uk-margin-bottom">下载地址</h2>
                        <div class="article-content">
                            <p>可到官方网站下载，也可到下载页里去下载，搜索引擎里直接搜索也能搜到。</p>
                        </div>
                        <div>
                            <a class="button-link uk-text-small" href="//java.com/">官网</a>
                            <a class="button-link uk-text-small" href="../download.html">下载页</a>
                        </div>
                    </article>
                </div>

                <div class="uk-width-1-4@m uk-visible@m">
                        <div class="uk-position-relative">
                            <div class="divider-left">
                                <ul class="uk-nav uk-nav-default">
                                    <ul class="uk-nav-sub">
                                    <li class="uk-nav-header">目录</li>
                                    <li class="uk-active"><a href="#Java-vsersion" data-uk-scroll="duration: 400; offset: 100">版本选择</a></li>
                                    <li><a href="#system-type" data-uk-scroll="duration: 400; offset: 100">查看系统位数</a></li>
                                    <li><a href="#Java-download" data-uk-scroll="duration: 400; offset: 100">下载链接</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

	<section class="uk-section">
        <footer>
              <div class="uk-container">
                <div class="uk-grid-large uk-child-width-expand@m" data-uk-grid>	
                </div>
                <div class="uk-grid-large uk-margin-large-top uk-flex uk-flex-middle" data-uk-grid>
                    <div class="uk-width-1-4@m"></div>
                    <div class="uk-width-expand@m">
                        <div class="uk-width-auto@m uk-margin-medium uk-text-small">
                            <p class="uk-display-inline-block uk-margin-medium-right uk-margin-remove-bottom">By © 2022 <a href="https://dbhg.top">DBHG</a> & <a href="https://alwolf.cn">ALWOLF</a></p>
                            <p> 作者 © 2022 <a href="https://dbhg.top">蛋白后宫</a> & <a href="https://alwolf.cn">ALWOLF</a></p>
                      </div>
                    </div>
                    <div class="uk-width-auto@m">
                        <div class="uk-width-auto@m uk-margin-medium uk-text-small">
                            <a href="https://space.bilibili.com/390126641/" data-uk-icon="icon: bilibili; ratio:0.8" class="uk-margin-left uk-icon-link"></a>
                            <a href="https://www.douyin.com/user/MS4wLjABAAAAthBauB1siWQBJefyVq2U8RIc1RrIXR00Hr1aC0SU6eA" data-uk-icon="icon: douyin; ratio:0.8" class="uk-margin-left uk-icon-link"></a>
                        </div>
                    </div>
                </div>
              </div>
        </footer>
    </section>
    
        <div id="offcanvas" data-uk-offcanvas="flip: true; overlay: true">
            <div class="uk-offcanvas-bar">
        
                <button class="uk-offcanvas-close" type="button" data-uk-close></button>
        
                <ul class="uk-nav uk-nav-primary uk-nav-offcanvas">
                    <li class="uk-nav-header uk-logo uk-margin-bottom">后宫文档</li>
                    <li><a href="">网站首页</a></li>
                    <li><a href="../faq.html">常见问题</a></li>
                    <li><a href="../tool.html">工具</a></li>
                    <li><a href="../download.html">下载</a></li>
                    <li><a href="/join/">加入我们</a></li>
                </ul>
            </div>
        </div>
    </body>
    </html>
